<script>
	export default {
		onLaunch: function() {  
			
		},  
		onShow: function() {  
			
		},  
		onHide: function() {  
			
		},
		methods: {
			
			//自定义导航
			customNav(){
				uni.getSystemInfo({
					success: (res)=>{
						var that = this;
						const menuButton = uni.getMenuButtonBoundingClientRect()//胶囊
						const navBarPadding = (menuButton.top - res.statusBarHeight) * 2
						var statusBarHeight = res.statusBarHeight
						var navHeight = menuButton.height + navBarPadding
						var  headerHeight = navHeight + statusBarHeight
						// 以下为页面赋值部分省略
						that.touHeight = headerHeight
						that.globalData.navHeight = navHeight
					}
				})
			}
		},
		globalData: {
			//全局URL
			URL:'https://jianzhi.huanyuweizhi.com',
			navHeight:0,
			cityName:'',
			chageCity:false,
			XuYaoXianShiTanChuangMe:true
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	page{
		position: relative;
		background: #FAF6F4;
	}
	button,
	input,
	select,
	textarea {
	  -webkit-appearance: none;
	  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	  box-sizing: border-box;
	  resize: none;
	  border-radius: 0;
	  font-family: '微软雅黑', 'Microsoft Yahei';
	}
	.clear{
		clear: both;
	}
	.page_content{
		padding: 0px 30rpx;
		position: relative;
		padding-bottom: 180rpx;
	}
	/* 默认提示文字颜色 */
	.phcolor{
		color: #888;
	}
	.pageTopImg{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 8;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/pageTop_bg01.png) center center no-repeat;
		background-size: cover!important;
	}
	.pageTopImg image{
		display: block;
		width: 100%;
	}
	.page_bg{
		position: absolute;
		left: 0px;
		width: 100%;
		font-size: 0px;
	}
	.page_bg image{
		width: 100%;
		display: block;
	}
	.tarbar{
		overflow: hidden;
		background: #fff;
		position: fixed;
		left: 0px;
		width: 100%;
		bottom: 0px;
		padding: 20rpx 0px;
		border-radius: 32rpx 32rpx 0px 0px;
		box-shadow: 0px 0px 60rpx -20rpx rgba(169, 63, 28, 0.2);
		z-index: 20;
	}
	.tarbar .nav_link{
		float: left;
		width: 50%;
		text-align: center;
	}
	.tarbar .nav_link .icon{
		width: 64rpx;
		height: 64rpx;
		margin: 0px auto;
		background-size: 64rpx 64rpx!important;
	}
	.tarbar .nav_link .icon.icon_1{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/dibu_icon01.png) center center no-repeat;
	}
	.tarbar .nav_link.on_cor .icon.icon_1{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/dibu_icon01_on.png) center center no-repeat;
	}
	.tarbar .nav_link .icon.icon_2{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/dibu_icon02.png) center center no-repeat;
	}
	.tarbar .nav_link.on_cor .icon.icon_2{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/dibu_icon02_on.png) center center no-repeat;
	}
	.tarbar .nav_link .text{
		font-size: 20rpx;
		color: #888888;
	}
	.tarbar .nav_link.on_cor .text{
		color: #E85426;
	}
	.topHeader .pageTitle{
		position: absolute;
		width: 100%;
		left: 0px;
		bottom: 20rpx;
		text-align: center;
		font-size: 34rpx;
		color: #fff;
	}
	.topHeader{
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index: 10;
	}
	.topHeader .fanhuiUp{
		width: 70rpx;
		height: 100%;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/header_fanhui_img.png) bottom 10rpx center no-repeat;
		background-size: 24rpx 48rpx!important;
		position: absolute;
		bottom: 0px;
		left: 10rpx;
		z-index: 5;
	}
	.topHeader .fanhuiHome{
		position: absolute;
		left: 80rpx;
		bottom: 0px;
		width: 100rpx;
		height: 100%;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/header_home_img.png) bottom 10rpx center no-repeat;
		background-size: 48rpx 48rpx!important;
		z-index: 5;
	}
	.topHeader .nianyueri{
		position: absolute;
		left: 0px;
		text-align: center;
		bottom: 5rpx;
		width: 100%;
	}
	.topHeader .nianyueri .top{
		font-size: 28rpx;
		color: #fff;
		line-height: 120%;
	}
	.topHeader .nianyueri .top .bold{
		font-weight: bold;
		color: #FACF4D;
		font-size: 52rpx;
		display: inline-block;
		margin-right: 5rpx;
	}
	.topHeader .nianyueri .bottom{
		font-size: 20rpx;
		color: #fff;
	}
	.topHeader .nianyueri .bottom .qian{
		color: rgba(255,255,255,0.6);
		display: inline-block;
		margin-right: 10rpx;
	}
	//搜索样式
	.search_content{
		height: 100rpx;
		line-height: 100rpx;
		background: #fff;
		position: fixed;
		left: 0px;
		width: 100%;
		box-sizing: border-box;
		z-index: 10;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.search_content input{
		width: 100%;
		height: 100%;
		padding-left: 100rpx;
		color: #111;
	}
	.search_content .form_btn{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/search_img3.png) center center no-repeat;
		background-size: 48rpx 48rpx;
		width: 95rpx;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		transition: all 0.2s ease-out;
	}
	.search_content.active .form_btn{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/search_img2.png) center center no-repeat;
		background-size: 48rpx 48rpx;
	}
	.search_content .right_quxiao{
		position: absolute;
		right: 0px;
		top: 0px;
		height: 100rpx;
		line-height: 100rpx;
		width: 120rpx;
		text-align: center;
		z-index: 5;
		color: #3079DC;
		font-size: 28rpx;
	}
	.job_box .job_list{
		border-radius: 8px;
		background: #fff;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
		overflow: hidden;
		margin-top: 30rpx;
	}
	.job_box .job_list .job_list_top{
		padding: 30rpx;
		border-top: 8rpx solid #E85426;
	}
	.job_box .job_list .job_list_top .jiudian_top{
		padding-right: 150rpx;
		position: relative;
	}
	.job_box .job_list .job_list_top .jiudian_top .top_name{
		font-weight: 900;
		font-size: 34rpx;
		color: #333333;
		display:-moz-box;
		-moz-box-orient:vertical;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		overflow: hidden;
		-webkit-line-clamp: 1;
		padding-left: 40rpx;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/jiu_name_img.png) left center no-repeat;
		background-size: 32rpx 32rpx;
	}
	.job_box .job_list .job_list_top .jiudian_top .renshu{
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.job_box .job_list .job_list_top .jiudian_top .renshu .wenzi{
		color: #888888;
		font-size: 24rpx;
		text-align: right;
	}
	.job_box .job_list .job_list_top .jiudian_top .renshu .wenzi .red{
		display: inline-block;
		color: #E85426;
	}
	.job_box .job_list .job_list_top .jiudian_top .renshu .jindu{
		width: 110rpx;
		height: 12rpx;
		border-radius: 6rpx;
		background: #E9E6E2;
		overflow: hidden;
		position: relative;
		margin-top: 10rpx;
	}
	.job_box .job_list .job_list_top .jiudian_top .renshu .jindu .tiao{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		border-radius: 6rpx;
		background: #E85426;
	}
	.job_box .job_list .job_list_top .jiudian_text{
		color: #888888;
		font-size: 24rpx;
		margin-top: 14rpx;
		padding-left: 40rpx;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/address_img.png) left center no-repeat;
		background-size: 32rpx 32rpx;
	}
	.job_box .job_list .job_list_center{
		display: none;
	}
	.job_box .job_list.active .job_list_center{
		display: block;
	}
	.job_box .job_list .job_list_center .list_center_lie{
		padding: 30rpx;
		overflow: hidden;
		border-top: 2rpx solid #EEEEEE;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_left{
		float: left;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_left .name{
		font-weight: 900;
		font-size: 28rpx;
		color: #333333;
		margin-top: 10rpx;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_left .time{
		color: #888888;
		font-size: 20rpx;
		margin-top: 15rpx;
		line-height: 120%;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_left .time .bold{
		display: inline-block;
		font-weight: 900;
		font-size: 28rpx;
		color: #E85426;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right{
		float: right;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right .wenzi{
		color: #888888;
		font-size: 20rpx;
		text-align: right;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right .wenzi .red{
		display: inline-block;
		color: #E85426;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right .jindu{
		width: 110rpx;
		height: 8rpx;
		border-radius: 6rpx;
		background: #E9E6E2;
		overflow: hidden;
		position: relative;
		margin-top: 5rpx;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right .tiao{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		border-radius: 6rpx;
		background: #E85426;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right .details{
		width: 110rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		border: 1px solid #EEEEEE;
		border-radius: 6rpx;
		color: #3079DC;
		font-size: 24rpx;
		margin-top: 18rpx;
	}
	.job_box .job_list .job_list_center .list_center_lie .center_lie_right .details::after{
		content: '';
		display: inline-block;
		width: 32rpx;
		height: 32rpx;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/sanjiao_img2.png) center center no-repeat;
		background-size: 32rpx 32rpx;
		vertical-align: middle;
		position: relative;
		top: -2rpx;
	}
	.job_box .job_list .job_operation{
		height: 60rpx;
		line-height: 60rpx;
		font-size: 24rpx;
		color: #888888;
		text-align: center;
		border-top: 2rpx solid #EEEEEE;
		font-size: 0px;
	}
	.job_box .job_list .job_operation:before{
		content: '';
		width: 32rpx;
		height: 100%;
		display: inline-block;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/angle_up.png) center center no-repeat;
		background-size: 32rpx 32rpx;
		margin-right: 5rpx;
		transition: all 0.2s ease-out;
		vertical-align: middle;
	}
	.job_box .job_list .job_operation:after{
		content: '查看岗位';
		width: 100rpx;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		font-size: 24rpx;
		color: #888888;
	}
	.job_box .job_list.active .job_operation:after{
		content: '收起岗位';
	}
	.job_box .job_list.active .job_operation:before{
		transform:rotate(180deg);
	}
	.loading_text{
		color: #DDDDDD;
		font-size: 28rpx;
		text-align: center;
		margin: 50rpx 0px;
	}
	.con_btn{
		margin: 0px 30rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
		border-radius: 120rpx;
		text-align: center;
		margin-top: 70rpx;
		color: #FFFFFF;
		padding: 16rpx 0px;
	}
	.con_btn .big{
		font-weight: 900;
		font-size: 34rpx;
	}
	.con_btn .small{
		font-size: 24rpx;
		margin-top: 10rpx;
	}
	.con_btn .small .bold{
		display: inline-block;
		font-weight: 900;
		font-size: 24rpx;
		color: #FACF4D;
	}
	.con_btn01{
		background: #E85426;
	}
	.con_btn02{
		background: #888888;
	}
	.con_btn03{
		background: #fff;
	}
	.con_btn.con_btn03 .big{
		color: #19C769;
	}
	.con_btn.con_btn03 .small{
		color: #888;
	}
	.fanhuiBtn{
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		background: #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 50rpx;
		color: #3079DC;
		font-size: 34rpx;
		margin-top: 40rpx;
	}
	.dingdan_list{
		padding: 30rpx;
		background: #fff;
	}
	.dingdan_list .list_top{
		overflow: hidden;
	}
	.dingdan_list .list_top .name{
		float: left;
		font-weight: 900;
		font-size: 28rpx;
		color: #333333;
	}
	.work_dingdan .state{
		float: right;
		height: 40rpx;
		line-height: 40rpx;
		font-size: 20rpx;
		background: #FAF6F4;
		border-radius: 22rpx;
		padding: 0px 16rpx;
	}
	.work_dingdan .state.state01{
		color: #EDAE33;
	}
	.work_dingdan .state.state02{
		color: #19C769;
	}
	.work_dingdan .state.state03{
		color: #888888;
	}
	.dingdan_list .dingdan_xinxi{
		font-size: 14px;
		color: #333333;
		margin-top: 16rpx;
		padding-left: 42rpx;
		background-size: 32rpx 32rpx!important;
	}
	.dingdan_list .dingdan_xinxi.orange{
		color: #E85426;
	}
	//订单列表顶部分类样式
	.order_top{
		position: fixed;
		left: 0px;
		right: 0px;
		padding: 0px 30rpx;
		z-index: 20;
		background: #fff;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.xuan_box{
		height: 100rpx;
		line-height: 100rpx;
	}
	.xuan_box .order_list{
		display: inline-block;
		font-size: 34rpx;
		color: rgba(51,51,51,0.5);
		margin-right: 50rpx;
		position: relative;
	}
	.xuan_box .order_list:after{
		content: '';
		display: block;
		width: 100%;
		height: 8rpx;
		background: #E85426;
	    border-radius: 6rpx;
	    position: absolute;
	    left: 0px;
	    bottom: 0px;
	    opacity: 0;
	    -webkit-transition: all 0.2s ease-out;
		-khtml-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.xuan_box{
		font-size: 0px;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.xuan_box .order_list.active{
		color: #333;
	}
	.xuan_box .order_list.active:after{
		opacity: 1;
	}
	.jump_search{
		position: absolute;
		right: 0px;
		top: 0px;
		width: 100rpx;
		height: 100%;
		line-height: 100rpx;
		font-size: 0px;
		text-align: center;
	}
	.jump_search image{
		width: 48rpx;
		display: inline-block;
		vertical-align: middle;
	}
	.work_dingdan{
		position: relative;
		z-index: 7;
		background: #fff;
		-webkit-box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
		-webkit-border-radius: 32rpx;
		border-radius: 32rpx;
		margin-top: 30rpx;
		overflow: hidden;
	}
	.work_top{
		height: 80rpx;
		line-height: 80rpx;
		border-bottom: 2rpx solid #eee;
		overflow: hidden;
	}
	.work_top .name{
		font-weight: 900;
		font-size: 24rpx;
		color: #333333;
		float: left;
		padding-left: 30rpx;
	}
	.dingdan_bottom{
		border-top: 2rpx solid #eee;
		padding: 0px 30rpx;
	}
	.dingdan_bottom .anniu{
		width: 136rpx;
		text-align: center;
		height: 60rpx;
		line-height: 60rpx;
		float: right;
		border: 2rpx solid #DDDDDD;
		border-radius: 6rpx;
		font-size: 24rpx;
		color: #3079DC;
		margin: 20rpx 0px;
	}
	.dingdan_list .list_top .price{
		float: right;
		color: #888888;
		font-size: 24rpx;
	}
	.dingdan_list .list_top .price .bold{
		display: inline-block;
		font-weight: 900;
		font-size: 34rpx;
		color: #E85426;
		margin: 0px 10rpx;
	}
	.gangwei_top{
		background: #fff;
		padding: 30rpx;
		border-radius: 32rpx 32rpx 0rpx 0rpx;
	}
	.details_yi{
		overflow: hidden;
	}
	.details_yi .baoming{
		float: left;
	}
	.details_yi .baoming .renshu .name{
		display: inline-block;
		color: #888888;
		font-size: 24rpx;
	}
	.details_yi .baoming .renshu .num{
		display: inline-block;
		color: #333333;
		font-size: 28rpx;
		margin-left: 20rpx;
	}
	.details_yi .baoming .renshu .num .red{
		display: inline-block;
		font-weight: 900;
		color: #E85426;
		font-size: 34rpx;
		margin-right: 10rpx;
	}
	.details_yi .jiage{
		color: #888888;
		font-size: 28rpx;
		float: right;
	}
	.details_yi .jiage .yuan{
		display: inline-block;
		font-size: 24rpx;
	}
	.details_yi .jiage .nu{
		display: inline-block;
		font-size: 34rpx;
		font-weight: 900;
		color: #E85426;
		margin: 0px 10rpx;
	}
	.details_yi .baoming .jindu_box{
		width: 360rpx;
		height: 12rpx;
		background: rgba(244, 112, 55, 0.2);
		border-radius: 6rpx;
		overflow: hidden;
		position: relative;
		margin-top: 10rpx;
	}
	.details_yi .baoming .jindu_box .tiao{
		height: 100%;
		background: #E85426;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.xinxi_box{
		margin-top: 50rpx;
	}
	.xinxi_box .xinxi_list{
		overflow: hidden;
		line-height: 140%;
		margin-top: 15rpx;
	}
	.xinxi_box .xinxi_list .name{
		float: left;
		padding-left: 40rpx;
		background-size: 32rpx 32rpx!important;
		font-size: 24rpx;
		color: #888888;
	}
	.xinxi_box .xinxi_list .text{
		font-size: 24rpx;
		color: #333;
		padding-left: 155rpx;
	}
	.zhaopin{
		background: #fff;
		padding: 30rpx 0rpx;
		margin-top: 32rpx;
	}
	.details_name{
		font-weight: 900;
		font-size: 24rpx;
		color: #333333;
		padding-left: 30rpx;
		position: relative;
	}
	.details_name:after{
		content: '';
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		background: #E85426;
		border-radius: 4rpx;
		width: 8rpx;
		height: 32rpx;
	}
	.zhaopin .zhaopin_text{
		color: #333333;
		font-size: 28rpx;
		padding: 30rpx;
		line-height: 180%;
	}
	.public_btn{
		height: 100rpx;
		line-height: 100rpx;
		border-radius: 50rpx;
		font-size: 34rpx;
		text-align: center;
		margin: 30rpx;
		box-sizing: border-box;
	}
	.public_btn.public_btn01{
		background: #888888;
		color: #FFFFFF;
	}
	.public_btn.public_btn02{
		background: #fff;
		color: #3079DC;
		border: 2rpx solid #DDDDDD;
	}
	.public_btn.public_btn03{
		background: #E85426;
		color: #fff;
	}
	.public_btn.public_btn04{
		background: #3079DC;
		color: #fff;
	}
	.public_btn.public_btn05{
		background: #19C769;
		color: #fff;
	}
	.public_btn.public_btn06{
		background: #fff;
		border: 2rpx solid #3079DC;
		color: #3079DC;
	}
	.submitForm .tixian_top{
		height: 100rpx;
		line-height: 100rpx;
		font-size: 24rpx;
		color: #888;
		overflow: hidden;
		padding: 0px 32rpx;
		background: #fff;
	}
	.submitForm .tixian_top .name{
		font-weight: 900;
		float: left;
	}
	.submitForm .tixian_top .text{
		padding-left: 80rpx;
	}
	.submitForm .input_list{
		margin-top: 22rpx;
		background: #fff;
		position: relative;
		height: 108rpx;
		line-height: 108rpx;
		border-bottom: 2rpx solid #eee;
	}
	.submitForm .input_list picker{
		float: right;
		height: 100%;
		width: 200rpx;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/sanjiao_img3.png) right 10rpx center no-repeat;
		background-size: 40rpx 40rpx;
		padding-right: 60rpx;
	}
	.submitForm .input_list picker .uni-input{
		text-align: right;
	}
	.submitForm .input_list .name{
		height: 100%;
		position: absolute;
		top: 0px;
		left: 32rpx;
		color: rgba(0,0,0,0.9);
		font-size: 34rpx;
	}
	.submitForm .input_list input{
		height: 100%;
		padding-left: 210rpx;
		padding-right: 32rpx;
		font-size: 34rpx;
		text-align: right;
		color: rgba(0,0,0,0.9);
	}
	.submitForm .input_list input.text_left{
		text-align: left;
	}
	.submitForm .tixian_bottom{
		height: 100rpx;
		line-height: 100rpx;
		font-size: 24rpx;
		color: #888;
		overflow: hidden;
		padding: 0px 32rpx;
		background: #fff;
		margin-top: 22rpx;
	}
	.submitForm .tixian_bottom .name{
		float: left;
		font-weight: 800;
	}
	.submitForm .tixian_bottom .text{
		padding-left: 90rpx;
		font-size: 24rpx;
		color: #E85426;
	}
	.submitForm .tixian_bottom .text .allTixian{
		display: inline-block;
		color: #3079DC;
		margin-left: 10rpx;
	}
	.tips{
		font-size: 24rpx;
		line-height: 160%;
		color: #888888;
		padding: 0px 32rpx;
		padding-top: 22rpx;
	}
	.tips .replace{
		color: #3079DC;
		display: inline-block;
	}
	.submitForm .input_list .codebox{
		position: absolute;
		right: 32rpx;
		top: 0px;
		z-index: 10;
		font-size: 34rpx;
		color: #E85426;
	}
	.idcard_name{
		height: 76rpx;
		line-height: 76rpx;
		padding: 0px 32rpx;
		font-size: 24rpx;
		color: #888;
	}
	.idcard_list .idcard_box{
		overflow: hidden;
		background: #fff;
		padding: 32rpx 24rpx;
	}
	.idcard_list .idcard_box .up_box{
		float: left;
		height: 194rpx;
		line-height: 194rpx;
		width: 50%;
		box-sizing: border-box;
		padding: 0px 8rpx;
		text-align: center;
	}
	.idcard_list .idcard_box .up_box .uploader_list{
		height: 100%;
		font-size: 0rpx;
		background: #888;
		position: relative;
	}
	.idcard_list .idcard_box .up_box .uploader_list .idImg{
		display: inline-block;
		vertical-align: middle;
		max-height: 100%;
		max-width: 100%;
	}
	.idcard_list .idcard_box .up_box .uploader_list .delete{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 40rpx;
		line-height: 40rpx;
		background: #F02A2A;
		font-size: 24rpx;
		color: #fff;
		font-weight: 800;
	}
	.idcard_list .idcard_box .up_box .chooseImg{
		border: 2rpx dashed #eee;
		font-size: 34rpx;
		color: #F4E0D5;
		font-weight: 900;
		display: none;
		line-height: normal;
		padding: 47rpx 0px;
	}
	.idcard_list .idcard_box .up_box .chooseImg.active{
		display: block;
	}
	.idcard_list .idcard_box .up_box .chooseImg image{
		width: 48rpx;
		display: block;
		margin: 0px auto;
		margin-bottom: 10rpx;
	}
	.getcode{
		display: none;
	}
	.getcode.active{
		display: block;
	}
	.submitForm .input_list .details_name{
		height: 80rpx;
		line-height: 80rpx;
		font-size: 24rpx;
		color: #888;
		padding: 0px 32rpx;
		font-weight: 800;
	}
	.submitForm .input_list .input_box{
	    position: relative;
	    height: 108rpx;
	    line-height: 108rpx;
	    border-bottom: 2rpx solid #eee;
	}
	.idcard_list .name{
		background: #fff;
		position: relative;
		height: 108rpx;
		line-height: 108rpx;
		border-bottom: 2rpx solid #eee;
		padding: 0px 30rpx;
		overflow: hidden;
	}
	.idcard_list .name switch{
		float: right;
	}
	.drawal{
		font-size:  24rpx;
		text-align: right;
		color: #3079DC;
		padding-right: 60rpx;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/sanjiao_img2.png) right 20rpx center no-repeat;
		background-size: 40rpx 40rpx;
		height: 80rpx;
		line-height: 80rpx;
		width: 120rpx;
		text-align: right;
		margin-top: 15rpx;
		float: right;
	}
	.dingdan_time{
		overflow: hidden;
		margin-top: 10rpx;
	}
	.dingdan_time .time_left{
		float: left;
		color: #E85426;
		font-size: 24rpx;
		margin-top: 10rpx;
	}
	.dingdan_time .time_left image{
		width: 30rpx;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -4rpx;
		margin-right: 5rpx;
	}
	.dingdan_time .renshu{
		float: right;
	}
	.dingdan_time .renshu .renshu_top{
		color: #888888;
		font-size: 20rpx;
		text-align: right;
	}
	.dingdan_time .renshu .renshu_top .hong{
		color: #E85426;
		display: inline-block;
		margin: 0px 5rpx;
	}
	.dingdan_time .renshu .gundong{
		width: 112rpx;
		height: 8rpx;
		background: #E9E6E2;
		border-radius: 20rpx;
		position: relative;
		margin-top: 10rpx;
	}
	.dingdan_time .renshu .gundong .jindu{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		border-radius: 20rpx;
		background: #E85426;
	}
	.popup_bg{
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 0px;
		background: rgba(0,0,0,0.5);
		z-index: 20;
		display: none;
	}
	.popup_bg.active{
		display: block;
	}
	.calendar_popup{
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: -100%;
		background: #fff;
		z-index: 30;
		border-radius: 32rpx 32rpx 0px 0px;
		overflow: hidden;
		transition: all 0.2s ease-out;
	}
	.calendar_popup.active{
		bottom: 0px;
	}
	.close_pop{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 50px;
		width: 60px;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/close.png) center center no-repeat;
		background-size: 48rpx 48rpx;
		z-index: 40;
	}
	.gender{
		display: inline-block;
		width: 56rpx;
		height: 48rpx;
		background-size: 32rpx 32rpx!important;
		border-radius: 50rpx;
		vertical-align: middle;
		margin-left: 10rpx;
	}
	.gender.nan{
		background: #EFF4FB url(https://jianzhi.huanyuweizhi.com/JD_wx_img/jam_male.png) center center no-repeat;
	}
	.gender.nv{
		background: #F9EFEC url(https://jianzhi.huanyuweizhi.com/JD_wx_img/jam_female.png) center center no-repeat;
	}
	.renyuanziliao_top{
		background: #fff;
		padding-top: 30rpx;
	}
	.renyuanziliao_top .details_name{
		margin-bottom: 10rpx;
	}
	.queren_list{
		overflow: hidden;
		padding: 30rpx;
		border-bottom: 2rpx solid #eee;
	}
	.queren_list .queren_left{
		float: left;
		padding-top: 15rpx;
	}
	.queren_list .queren_left .name{
		font-size: 24rpx;
		color: #888888;
	}
	.queren_list .queren_left .text{
		font-weight: 900;
		font-size: 28rpx;
		color: #333333;
		margin-top: 10rpx;
	}
	.queren_list .public_btn{
		float: right;
		margin: 0px;
		width: 240rpx;
	}
	.renshu_fu{
		overflow: hidden;
		padding-bottom: 60rpx;
	}
	.renshu_fu .renshu_list{
		float: left;
		width: 50%;
		text-align: center;
	}
	.renshu_fu .renshu_list .ren{
		color: #888888;
		font-size: 20rpx;
	}
	.renshu_fu .renshu_list .ren .dan{
		display: inline-block;
		color: #333333;
		font-weight: bold;
		font-size: 34rpx;
		margin-right: 8rpx;
	}
	.renshu_fu .renshu_list .ren .dan.hong{
		color: #E85426;
	}
	.renshu_fu .renshu_list .text{
		font-size: 24rpx;
		color: #888888;
		margin-top: 10rpx;
	}
	.jiben_ziliao{
		background: #fff;
		padding: 30rpx 0rpx;
		margin-top: 30rpx;
	}
	.information{
		overflow: hidden;
		padding: 30rpx;
		margin-top: 20rpx;
		border-bottom: 2rpx solid #eee;
		margin-bottom: 30rpx;
	}
	.information .touxiang{
		float: left;
		width: 144rpx;
		height: 144rpx;
		border-radius: 50%;
		background-size: cover!important;
	}
	.information .wenzi_box{
		padding-left: 180rpx;
	}
	.information .wenzi_box .name{
		font-weight: 900;
		font-size: 44rpx;
		color: #333333;
		padding-top: 15rpx;
	}
	.information .text_box{
		margin-top: 20rpx;
	}
	.information .wenzi_box .old{
		display: inline-block;
		font-size: 28rpx;
		color: #888888;
	}
	.information .wenzi_box .gender{
		display: inline-block;
		margin: 0px 10rpx;
	}
	.information .wenzi_box .jibie{
		display: inline-block;
		height: 36rpx;
		background: #FAF6F4;
		border-radius: 6rpx;
		color: #E85426;
		font-weight: bold;
		font-size: 20rpx;
		padding: 0px 15rpx;
	}
	.ziliao_list{
		overflow: hidden;
		padding: 0px 30rpx;
		line-height: 140%;
		margin-top: 20rpx;
	}
	.ziliao_list .name{
		float: left;
		font-size: 24rpx;
		color: #888888;
	}
	.ziliao_list .text{
		font-size: 24rpx;
		color: #333333;
		padding-left: 120rpx;
	}
	.ziliao_list .text .bold{
		font-weight: 900;
		display: inline-block;
		margin-right: 10rpx;
	}
	.jianzhi_jingli{
		margin-top: 30rpx;
		background: #fff;
		padding-top: 30rpx;
	}
	.jianzhi_jingli .jing_te{
		color: #E85426;
		font-size: 20rpx;
		display: inline-block;
		margin-left: 20rpx;
	}
    .jianzhi_jingli .jing_te .bold{
		font-weight: 900;
		display: inline-block;
	}
	.jianzhi_list{
		padding: 30rpx;
		border-bottom: 2rpx solid #eee;
		padding-left: 70rpx;
		position: relative;
	}
	.jianzhi_list:after{
		content: '';
		display: block;
		width: 16rpx;
		height: 16rpx;
		position: absolute;
		left: 30rpx;
		top: 42rpx;
		border-radius: 20rpx;
		background: #E85426;
	}
	.jianzhi_list .name{
		font-weight: 900;
		font-size: 28rpx;
		color: #333333;
	}
	.jianzhi_list .text{
		font-size: 24rpx;
		color: #888888;
		margin-top: 20rpx;
		padding-left: 40rpx;
		background-size: 32rpx 33rpx!important;
	}
	.jianzhi_jingli .details_name{
		margin-bottom: 30rpx;
	}
	.chakan_all{
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 28rpx;
		color: #3079DC;
	}
	.chakan_all image{
		width: 40rpx;
		display: inline-block;
		position:relative;
		top: 12rpx;
		transform:rotate(90deg);
	}
	.shuaixuan_top{
		position: fixed;
		left: 0px;
		right: 0px;
		background: #fff;
		height: 100rpx;
		line-height: 100rpx;
		padding: 0px 30rpx;
		z-index: 10;
	}
	.shuaixuan_top .shuaixuan_left{
		float: left;
		font-size: 0px;
	}
	.batch_caozuo{
		display: inline-block;
		font-size: 28rpx;
		color: #E85426;
	}
	.shuaixuan_top .grade_paixu{
		float: right;
		font-size: 28rpx;
		color: #333333;
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/grade_paixu_img.png) right -10rpx center no-repeat;
		background-size: 35rpx 35rpx;
		padding-right: 25rpx;
	}
	.shuaixuan_top .grade_paixu.active{
		background: url(https://jianzhi.huanyuweizhi.com/JD_wx_img/grade_paixu_img_on.png) right -10rpx center no-repeat;
		background-size: 35rpx 35rpx;
	}
	.personnel_list{
		margin-top: 30rpx;
		padding-right: 214rpx;
		position: relative;
	}
	.personnel_list.active{
		padding-right: 0px;
		padding-left: 64rpx;
	}
	.personnel_list.active .right_buttom{
		display: none;
	}
	.personnel_list.active .xuanze{
		display: block;
	}
	.xuanze{
		position: absolute;
		width: 64rpx;
		left: 0px;
		top: 0px;
		height: 100%;
		display: none;
	}
	.xuanze.prohibit{
		pointer-events: none;
	}
	.xuanze.prohibit:after{
		border: 2rpx solid #eee;
		background: rgba(255,255,255,0.5);
	}
	.xuanze:after{
		content: '';
		display: block;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -18rpx;
		width: 32rpx;
		height: 32rpx;
		border-radius: 50%;
		background: #fff;
		border: 2rpx solid #ddd;
	}
	.xuanze:before{
		content: '';
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -18rpx;
		width: 32rpx;
		height: 32rpx;
		border-radius: 50%;
		background: #E85426 url(https://jianzhi.huanyuweizhi.com/JD_wx_img/choice_img.png) center center no-repeat;
		background-size: 32rpx 32rpx;
		border: 2rpx solid #E85426;
		z-index: 2;
		display: none;
	}
	.xuanze.active:before{
		display: block;
	}
	.right_buttom{
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -40rpx;
	}
	.anniu_btn{
		font-size: 28rpx;
		width: 180rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 40rpx;
		text-align: center;
	}
	.anniu_btn image{
		width: 32rpx;
		display: inline-block;
		position: relative;
		top: 7rpx;
		margin-right: 10rpx;
	}
	.anniu_btn.anniu_btn01{
		background: #DDF3E7;
		color: #19C769;
	}
	.anniu_btn.anniu_btn02{
		background: #F6E6E6;
		color: #F02A2A;
	}
	.anniu_btn.anniu_btn03{
		background: #3079DC;
		color: #fff;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.anniu_btn.anniu_btn03.active{
		background: #E6ECF3;
		color: #3079DC;
		box-shadow: 0px 0rpx 0rpx rgba(169, 63, 28, 0.1);
		pointer-events: none;
	}
	.anniu_btn.anniu_btn04{
		background: #19C769;
		color: #fff;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.anniu_btn.anniu_btn04.active{
		background: #DDF3E7;
		color: #19C769;
		box-shadow: 0px 0rpx 0rpx rgba(169, 63, 28, 0.1);
		pointer-events: none;
	}
	.anniu_btn.anniu_btn05{
		background: #fff;
		color: #3079DC;
		border: 2rpx solid #DDDDDD;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.anniu_btn.anniu_btn06{
		background: #E85426;
		color: #fff;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.anniu_btn.anniu_btn06.active{
		background: #EED4CB;
		color: #E85426;
		box-shadow: 0px 0rpx 0rpx rgba(169, 63, 28, 0.1);
		pointer-events: none;
	}
	.renyuan_box{
		background: #fff url(https://jianzhi.huanyuweizhi.com/JD_wx_img/sanjiao_img3.png) right 20rpx center no-repeat;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
		border-radius: 16rpx;
		overflow: hidden;
		padding: 30rpx;
		position: relative;
	}
	.renyuan_box .right_time{
		position: absolute;
		right: 30rpx;
		top: 50%;
		margin-top: -30rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-size: 24rpx;
		color: #888888;
	}
	.renyuan_box .right_time .bold{
		display: inline-block;
		font-weight: bold;
		color: #333333;
		margin-right: 10rpx;
	}
	.renyuan_box .touxiang{
		width: 96rpx;
		height: 96rpx;
		border-radius: 50%;
		float: left;
		border: 8rpx solid #F3F3F3;
		background-size: cover!important;
	}
	.renyuan_box .neirong{
		padding-left: 130rpx;
	}
	.renyuan_box .neirong .name{
		font-size: 28rpx;
		color: #000000;
		padding-top: 15rpx;
	}
	.renyuan_box .neirong .name .shang{
		font-size: 20rpx;
		color: #E85426;
		display: inline-block;
		margin-left: 15rpx;
	}
	.renyuan_box .neirong .text_box{
		margin-top: 10rpx;
	}
	.renyuan_box .neirong .text_box .old{
		display: inline-block;
		font-size: 20rpx;
		color: #888888;
	}
	.renyuan_box .neirong .text_box .gender{
		display: inline-block;
	}
	.renyuan_box .neirong .text_box .jibie{
		display: inline-block;
		height: 36rpx;
		background: #FAF6F4;
		border-radius: 6rpx;
		font-size: 20rpx;
		color: #E85426;
		padding: 0px 15rpx;
	}
	.public_bottom_caozuo{
		position: fixed;
		left: 30rpx;
		right: 30rpx;
		height: 116rpx;
		line-height: 116rpx;
		bottom: 30rpx;
	}
	.public_buttom{
		height: 116rpx;
		line-height: 116rpx;
		font-weight: 900;
		font-size: 34rpx;
		text-align: center;
		border-radius: 60px;
	}
	.public_bottom_caozuo.active .public_buttom_right{
		display: block;
	}
	.public_bottom_caozuo.active .public_buttom_right .public_buttom{
		display: block;
	}
	.public_bottom_caozuo.active .public_buttom{
		display: none;
	}
	.public_buttom image{
		display: inline-block;
		width: 48rpx;
		vertical-align: middle;
		position: relative;
		top: -5rpx;
		margin-right: 10rpx;
	}
	.public_buttom.public_buttom01{
		color: #FFFFFF;
		background: #19C769;
		border-radius: 120rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.public_buttom.public_buttom02{
		color: #F02A2A;
		background: #fff;
		border-radius: 120rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.public_buttom.public_buttom03{
		color: #fff;
		background: #3079DC;
		border-radius: 120rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.public_buttom.public_buttom04{
		color: #fff;
		background: #19C769;
		border-radius: 120rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.public_buttom.public_buttom05{
		color: #3079DC;
		background: #fff;
		border-radius: 120rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.public_buttom.public_buttom06{
		color: #fff;
		background: #E85426;
		border-radius: 120rpx;
		box-shadow: 0px 8rpx 20rpx rgba(169, 63, 28, 0.1);
	}
	.public_bottom_caozuo .xuanze{
		width: auto;
		box-sizing: border-box;
		padding-left: 50rpx;
		font-size: 28rpx;
		color: #333333;
	}
	.public_bottom_caozuo.active .xuanze{
		display: block;
	}
	.public_buttom_right{
		padding-left: 140rpx;
		display: none;
	}
	.public_buttom_right.active{
		display: block;
	}
	.public_buttom_right .public_buttom{
		display: inline-block;
		width: 269rpx;
	}
	.shichang_popup{
		position: fixed;
		left: 0px;
		bottom: -100%;
		background: #fff;
		padding: 30rpx 0rpx;
		z-index: 30;
		right: 0px;
		border-radius: 24rpx;
		-webkit-transition: all 0.2s ease-out;
	}
	.shichang_popup.active{
		bottom: 0px;
	}
	.shichang_popup .shichang_name{
		font-size: 30rpx;
		color: #000000;
		text-align: center;
		height: 60rpx;
		line-height: 60rpx;
		margin-bottom: 20rpx;
	}
	.shichang_popup .input_box{
		position: relative;
		height: 112rpx;
		line-height: 112rpx;
	}
	.shichang_popup .name{
		position: absolute;
		left: 30rpx;
		height: 112rpx;
		font-size: 34rpx;
		color: rgba(0, 0, 0, 0.9);
	}
	.shichang_popup input{
		height: 100%;
		font-size: 34rpx;
		color: rgba(0, 0, 0, 0.9);
		border-bottom: 2rpx solid #ddd;
		padding: 0rpx 140rpx;
		text-align: right;
		box-sizing: border-box;
	}
	.shichang_popup .danwei{
		font-size: 34rpx;
		color: #E85426;
		position: absolute;
		right: 30rpx;
		top: 0px;
		height: 112rpx;
	}
	.shuliang_box{
		padding-left: 160rpx;
		padding-right: 30rpx;
		position: relative;
		height: 112rpx;
		box-sizing: border-box;
		padding-top: 20rpx;
		text-align: right;
	}
	.shuliang_btn{
		display: inline-block;
		width: 80rpx;
		height: 60rpx;
		background-size: 48rpx 48rpx!important;
	}
	.shuliang_btn.reduce.on{
		background: #fff url(https://jianzhi.huanyuweizhi.com/JD_wx_img/minus-circle.png) center center no-repeat;
	}
	.shuliang_btn.reduce{
		background: #fff url(https://jianzhi.huanyuweizhi.com/JD_wx_img/minus-circle_on.png) center center no-repeat;
	}
	.shuliang_btn.add{
		background: #fff url(https://jianzhi.huanyuweizhi.com/JD_wx_img/plus-circle_on.png) center center no-repeat;
	}
</style>
